<div style="position: relative;height: 250px;overflow: hidden;">
  <video class="section-bg-video" autoplay muted playsinline loop>
      <source src="./video/home-video1.mp4" type="video/mp4">
      <source src="./video/home-video.ogv" type="video/ogg">
  </video>
  <p>Líderes en Tecnología de Control y Accionamientos</p>
  <h2
      style="font-size: 45px; color: white; text-shadow: 1px 1px 15px black; font-weight: bold;">
      Sales Partner Oficial de Bosch Rexroth</h2>
  <a class="action primary" href="./contact.html">Contacto</a>
</div>
<style>
  .section-bg-video {
      position: absolute;
      left: 0;
      top: 0;
      object-fit: cover;
      width: 100%;
      display: inline-block;
      z-index: -1;
  }
</style>






<script>
  document.querySelector('.serviciosTop').onmouseenter = function () {
      document.querySelector('.drop-down-items').style.display = 'block'
      setTimeout(() => {
          document.querySelector('.drop-down-items').style.opacity = 1
          document.querySelector('.drop-down-items').style.marginTop = 0
      }, 10);
  }
  document.querySelector('.serviciosTop').onmouseleave = function () {
      document.querySelector('.drop-down-items').style.opacity = 0
      document.querySelector('.drop-down-items').style.marginTop = '20px'
      document.querySelector('.drop-down-items').style.display = 'none'
  }
  document.querySelector('.serviciosTop2').onmouseenter = function () {
      document.querySelector('.drop-down-items2').style.display = 'block'
      setTimeout(() => {
          document.querySelector('.drop-down-items2').style.opacity = 1
          document.querySelector('.drop-down-items2').style.marginTop = 0
      }, 10);
  }
  document.querySelector('.serviciosTop2').onmouseleave = function () {
      document.querySelector('.drop-down-items2').style.marginTop = '20px'
      document.querySelector('.drop-down-items2').style.opacity = 0
      document.querySelector('.drop-down-items2').style.display = 'none'

  }
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  if (scrollTop < 100) {
      document.querySelector('.nav-sections').classList.remove('stickydesktopnav')
  } else {
      document.querySelector('.nav-sections').classList.add('stickydesktopnav')
  }
  window.onscroll = function () {
      //为了保证兼容性，这里取两个值，哪个有值取哪一个
      //scrollTop就是触发滚轮事件时滚轮的高度
      var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
      if (scrollTop < 100) {
          document.querySelector('.nav-sections').classList.remove('stickydesktopnav')
      } else {
          document.querySelector('.nav-sections').classList.add('stickydesktopnav')
      }
  }
  document.querySelector('.chanpinTop').onmouseenter=function(){
      document.querySelector('.chanpinTopList').style.display = 'block'
  }
  document.querySelector('.chanpinTopList').onmouseleave=function(){
      document.querySelector('.chanpinTopList').style.display = 'none'
  }
</script>
</body>

</html>






<div>
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: -1;
  <div>
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline-block;
    <video class="section-bg-video" autoplay="" muted="" playsinline="" loop="">
      <source src="/images/video/home-video1.mp4" type="video/mp4">
      <source src="/media/videos/2019/05/14/home-video.ogv" type="video/ogg">
    </video>
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline-block;

    https://hydro-funk.com/images/video/home-video1.mp4
  </div>
</div>